<template>
    <div>
        <TypeNav/>
        <ListContainer/>
        <Recommend/>
        <Rank/>
        <Like/>
        <Floor v-for="(item,index) in floor" :key="item.id" :floor="item" :index="index"/>
        <Brand/>

    </div>
</template>

<script>
import ListContainer from "./ListContainer"
import Recommend from "./Recommend"
import Brand from "./Brand"
import Floor from "./Floor"
import Like from "./Like"
import Rank from "./Rank"
import { mapState } from "vuex"
    export default {
        name:'SphHome',
        components:{ 
            ListContainer,
            Recommend,
            Brand,
            Floor,
            Like,
            Rank
        },
        mounted(){
            this.$store.dispatch('home/asyncFloorList')
            // console.log(this.$store);
        },
        computed:{
            ...mapState('home',['floor']),
        }

    }
</script>

<style lang="less" scoped>

</style>